<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <h2 class="oe_slogan" style="color:#875A7B;">昆山一百计算机有限公司-官方网站</h2>
            <h3 class="oe_slogan">采用Html5套用前端模块快速开发，适应移动端的企业门户网站</h3>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <div class="alert alert-info oe_mt32" style="padding:0.3em 0.6em; font-size: 150%;">
                <i class="fa fa-hand-o-right"></i><b> 功能: </b>
                <ul class="list-unstyled">
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        采用jinja2模板进行渲染界面
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        集成腾迅短信接收用户咨询
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        支持邮件订阅
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        公司网站与开源平台二合一
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <div class="alert alert-success oe_mt32" style="padding:0.3em 0.6em; font-size: 150%;">
                文本描述(绿色背景)
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <div class="alert alert-warning oe_mt32" style="padding:0.3em 0.6em; font-size: 150%;">
                文本描述(黄色背景)
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <div class="alert alert-danger oe_mt32" style="padding:0.3em 0.6em; font-size: 150%;">
                文本描述(红色背景)
            </div>
        </div>
    </div>
</section>

<h4 class="oe_slogan"><b>分段名称</b></h4>

点击 <em>销售 &rarr; 配置 &rarr; 设置</em>


<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_span6">
            <p class="oe_mt32">
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
            </p>
        </div>
        <div class="oe_span6">
            <div class="oe_row_img oe_centered" align="center">
                <img class="oe_demo oe_picture oe_screenshot" src="banner.png"/>
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_span6">
            <div class="oe_row_img oe_centered" align="center">
                <img class="oe_demo oe_picture oe_screenshot" src="banner.png"/>
            </div>
        </div>
        <div class="oe_span6">
            <p class="oe_mt32">
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
            </p>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_span12 text-center">
            <p class="oe_mt32">
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
                昆山一百计算机有限公司
            </p>
        </div>
        <div class="oe_row_img oe_centered">
            <img class="oe_demo oe_picture oe_screenshot" src="banner.png"/>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_span12 text-center">
            <p class="oe_mt32">
                <font style="font-size: 120%;">昆山一百计算机有限公司 昆山一百计算机有限公司</font>
            </p>
        </div>
        <div class="oe_screenshot" align="center">
            <img style="max-width: 80%" src="banner.png"/>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span8">
            <h2>Want to take a look?</h2>
            <p class="oe_mt32">For a live demostration click <em>LIVE PREVIEW</em> button above (near to <em><i
                    class="fa fa-shopping-cart"></i> Add to Cart</em>) </p>
        </div>
    </div>
</section>

<section class="oe_container">
    <!--Title-->
    昆山一百计算机有限公司
</section>

<section class="oe_container">
    <!--Key features-->
    昆山一百计算机有限公司
</section>

<section class="oe_container">
    昆山一百计算机有限公司
</section>

<section class="oe_container oe_dark">
    昆山一百计算机有限公司
</section>

<section class="oe_container">
    昆山一百计算机有限公司
</section>

<section class="oe_container oe_dark">
    昆山一百计算机有限公司
</section>

<section class="oe_container">
    昆山一百计算机有限公司
</section>

<section class="oe_container">
    <!--Free support section-->
    昆山一百计算机有限公司
</section>

<section class="oe_container">
    <!--Contact us block-->
    昆山一百计算机有限公司
</section>

</body>
</html>